<!DOCTYPE html>
<head>
    <title>Mercado Limbo</title>
    <?php include('common/head.php') ?>
</head>
<body>
    <main>
    <?php include('common/top-bar.php') ?>
        
    <div class="form">
        <header class="top-header">
            <h3>Enriquecé tu <strong>perfil</strong></h3>
            <p class="top-subheader">Contanos un poco más de vos y tu proyecto.</p>
        </header>
        <form action="">
            <div class="edit-avatar">
                <div class="user-avatar">
                    <img src="dummy/dummy-u.png"alt="" />
                </div>
                <a href="#" class="img-action">Eliminar</a>
            </div>
            <div class="formfield ml-slash">
                <span>mercadolimbo/</span>
                <input type="text" placeholder="Usuario" />
            </div>
            <div class="formfield">
                <input type="text" placeholder="Contraseña" />
            </div>
            <div class="section-header">
                <h4>¿Cómo te describirías?</h4>
            </div>
            <div class="checks">
                <div>
                    <label>
                        <input name="user-type" type="radio" value="" />
                        <div class="checkbox"><div class="checked"></div></div>
                        <span>Emprendimiento</span>
                    </label>
                </div>
                <div>
                    <label>
                        <input name="user-type" type="radio" vlaue="" />
                        <div class="checkbox"><div class="checked"></div></div>
                        <span>Particular, aficionado</span>
                    </label>
                </div>
            </div>
            <header class="atom-header">
                <h5>¿Qué hacés?</h5>
            </header>
            <div class="formfield">
                <div class="remaining">400</div>
                <textarea name="" id="" rows="10" placeholder="Una breve descripción de lo que hacés."></textarea>
            </div>
            <header class="atom-header">
                <h5>¿Dónde estás?</h5>
            </header>
            <div class="formfield half">
                <div class="select no-js">
                    <div class="current">provincia</div>
                    <i class="fa fa-caret-down"></i>
                    <select class="options" name="" id="">
                        <option value="a">a</option>
                        <option value="b">b</option>
                        <option value="c">c</option>
                    </select>
                </div>
            </div><!--
            --><div class="formfield half">
                <div class="select no-js">
                    <div class="current">localidad</div>
                    <i class="fa fa-caret-down"></i>
                    <select class="options" name="" id="">
                        <option value="a">a</option>
                        <option value="b">b</option>
                        <option value="c">c</option>
                    </select>
                </div>
            </div>
            <div class="formfield">
                <button class="main-color-btn">Ingresar</button>
            </div>
        </form>
        <div class="skip">
            <a href="#">completar en otro momento <i class="fa fa-long-arrow-right"></i></a>
        </div>
    </div>
    <?php include('common/footer.php') ?>
    </main>
    <?php include('common/scripts.php') ?>
    <script type="text/javascript">
        $('.select').removeClass('no-js');
        $(document).on('change', 'select', function(){
            var selected = $(this).val();
            $(this).siblings('.current').text(selected)
        })
    </script>
</body>
